<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1">
        <meta name="description" content="Modern UI CSS">
        <meta name="author" content="Sergey Pimenov">
        <meta name="keywords" content="windows 8, modern style, modern ui, style, modern, css, framework">

        <link href="css/modern.css" rel="stylesheet">
        <link href="css/theme-dark.css" rel="stylesheet">
        <link href="css/modern-responsive.css" rel="stylesheet">

        <script src="js/assets/jquery-1.8.2.min.js"></script>
        <script src="js/assets/google-analytics.js"></script>
        <script src="js/assets/jquery.mousewheel.min.js"></script>
        <script src="js/assets/github.info.js"></script>
        <script src="js/modern/tile-slider.js"></script>
        <script src="js/modern/start-menu.js"></script>
        <script src="js/modern/tile-drag.js"></script>

        <title>Modern UI CSS</title>

        <style>
            body {
                background: #1d1d1d;
            }
        </style>

    </head>
    <body class="metrouicss">
       
        <div class="page secondary fixed-header">
       <%@ include file="header.jsp" %> 
<div  style="
    margin-top: 110px;
" align="center">
           
                <div class="page-region-content tiles">



                    <div class="tile-group tile-drag" style="
    width: 320px;
    margin-left: 444px;
">
                        
                            <a href="www.google.com">  <div class="tile bg-color-blue icon">
                                <div class="tile-content">
                                   <img src="images/InternetExplorer128.png"/>
                                </div>
                                <div class="brand">
                                    <span class="name">Internet Explorer</span>
                                </div>
                            </div></a>

                            <div class="tile  bg-color-blue  icon">
                                <div class="tile-content">
                                    <img src="images/excel2013icon.png"/>
                                </div>
                                <div class="brand">
                                    <span class="name">Excel 2013</span>
                                </div>
                            </div>
                   
                        <div class="tile double  image">
                    <div class="tile-content">
                        <img src="images/logo.jpg"  />
                         
                    </div>
                 
                </div>
                        <div class="tile icon">
                            <div class="tile-content">
                                <img src="images/word2013icon.png"/>
                            </div>
                            <div class="brand">
                                <span class="name">Word 2013</span>
                            </div>
                        </div>


                        <div class="tile icon">
                            <div class="tile-content">
                                <img src="images/onenote2013icon.png"/>
                            </div>
                            <div class="brand">
                                <span class="name">OneNote 2013</span>
                            </div>
                        </div>

                    </div>



                </div>
             
        </div>
</div>
        <?php include("counter.php");?>

    </body>
</html>